*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    outline: none;
    font-weight: normal;
    font-family: "Microsoft YaHei";
}
table{
    
    border-collapse: collapse;
    border-spacing: 0;

}
img{
    border:0;
}
input{
    outline:none;
}
a:link{
    color: #000000;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

.clear::after{
    display: block;
    content:"";
    visibility: hidden;
    height: 0;
    clear: both;
}

.container{
    width: 1200px;
    margin: 0 auto; 
}


.header{
    .header_top{
        width: 100%;
        height: 29px;
        color:#000000 ;
        font-size: 14px;
        padding-top: 13px;
        p {
            float: left;
            a{
                color: #cc0000;
                
            }
            i{
                        width: 12px;
                        height: 6px;
                        background: url(../images/pro_detail/list_down.png) no-repeat;
                        display:none;
                        margin:0 5px;
                        cursor: pointer;
               }
               b{
                   display: inline-block;
                   margin-right: 5px;
               }
        }
        ul{
            height: 16px;
            width: 422px;
            float: right;
            text-align: center;
            li{
                float: left;
                height: 19px;
                
                width: 104px;
                border-right: 1px solid #cccccc;
               
                 i{
                       width: 9px;
                       height: 5px;
                       display: inline-block;
                       background: url(../images/index/list_menu.png) no-repeat;
                       position: relative;
                       top:-5px;
                       transition: transform .2s ease-in 0s;
                       transition: -webkit-transform 0.2s ease-in 0s; 
                    }

                   
                a{
                   
                    
                    display: inline-block;
                    color: #000000;
                    font-size: 14px;
                    
                }
               
                 &:last-child{
                     border-right: 0;
                 }
                 
                 ol{
                    display: none; 
                     position: relative;
                     
                     z-index: 999;
                     
                     li{
                         text-align: center;
                         background: #FFFFFF;
                         a:hover{
                             text-decoration: underline;
                             color: #CC0000;
                         }
                     }
                     li:hover{
                         background: #CCCCCC;
                     }
                 }
            }
        }
    }
    .header_bottom{
        background: #666600;
        width: 100%;
        height:136px;
       padding-top: 25px; 
       
        .header_left{
            float: left;
            margin-right: 55px;
            a{
               img{
                   width:203px;
                   height: 50px;
               } 
               span{
                   color: #330000;
                   font-size: 48px;
                   position: relative;
                   top:-6px;
                   
               }
            }
            i{
                   font-style: normal;
                   font-size: 18px;
                   color: #FFFFFF;
                   position: relative;
                   top:-6px;
                   left: -3px;
             }
        }
       .search_good{
          
           float: left;
            width: 568px;
           form{
               width: inherit;
               height: 46px;
               position: relative;
               input{
                   float: left;
                   width: 410px;
                   height: inherit;
                   padding: 10px;
                   border: 0px;
               }
               div{
                   float: left;
                   width: 110px;
                   height: 46px;
                   background: #FFFFFF;
                   line-height: 46px;
                   text-align: center;
                   border-left: 1px solid #CCCCCC;
                   span{
                       color:#333333;
                       font-size:12px;
                   }
                   b{
                       width: 14px;
                       height: 7px;
                       display: inline-block;
                       background:url(../images/pro_detail/list_down.png) no-repeat ;
                   }
                   div{
                       position: absolute;
                       z-index: 999;
                       top:47px;
                       left:0;
                        width: 521px;
                        display: none;
                        
                           a{
                               
                               &:hover{
                                   background: #CCCCCC;
                               }
                              line-height: 20px;
                              color: #CC0000;
                              font-size: 12px;
                              width: inherit;
                              display: block;
                              background: #FFFFFF;
                              
                              text-align: left;
                           }
                       
                   }
               }
               div:nth-of-type(2){
                   width: 46px;
                   height: 46px;
                   display: block;
                   background: #330000;
                   float: left;
                    input{
                        cursor: pointer;
                        width:100%;
                        height: 100%;
                        border: 0;
                       background: url(../images/index/search.png) center center no-repeat;
                   }
               }
           }
           
           .hot_search{
                  margin-top:10px;
                  margin-bottom:10px;
                  
                  color: #FFFFFF;
                  font-size: 12px;
                  a{
                        display: inline-block;
                        color: #FFFFFF;
                        font-size: 12px;
                        
                        margin-right: 14px;
                        &:last-child{
                            margin:0px;
                        }
                        
                        &:hover{
                            
                            color:#330000;
                        }
                  } 
                  
           }
       }
       
       .buycar{
           width: 172px;
           height: 46px;
           float:right;
           div:first-child{
               float: left;
               width: 50px;
               height: 46px;
               background: #330000;
               text-align: center;
               line-height: 46px;
               a{
                   display: block;
                   width: 100%;
                   height:100%;
                   border:0;
                   cursor: pointer;
                   background: url(../images/index/buycai.png) no-repeat center center;
               
              }
          }
          div:nth-child(2){
              cursor: pointer;
              width: 120px;
              height:46px;
              background: #FFFFFF;
              float: left;
//            line-height: 46px;s
              text-align: center;
              position: relative;
              span{
                  color: #333333;
                  font-size: 12px;
                  display: inline-block;
              }
              span,i{
                  margin-top:16px;
              }
              i{
                  width: 6px;
                  height: 10px;
                  display: inline-block;
                  margin-left: 20px;
                  background:url(../images/index/right.png) no-repeat;
              }
              em{
                  width: 20px;
                  height: 20px;
                  font-size: 12px;
                  color: #fff;
                  border-radius: 50%;
                   background: #330000;
                   text-align: center;
                   position: absolute;
                   right: 20px;
                   top:0;
                   display: none;
              }
          }
          
       }
       
       .product_classification{
            background: #330000;
            float: left;
            width: 270px;
            height: 54px;
            position: relative;
            div{
               cursor:pointer;
                 span{
                line-height: 54px;
                margin-left: 28px;
                display: inline-block;
                color: #FFFFFF;
                font-size: 16px;
                }
            i{
                width: 27px;
                height: 27px;
                margin-right: 28px;
                margin-top: 14px;
                float: right;
                display: inline-block;
                background: url(../images/index/fenlei.png) no-repeat;
            }
           
            }
             
            ul{
                    position: absolute;
                    top: 54px;
                    opacity: 0.9;
                     filter:alpha(opacity=90); 
                     -moz-opacity:0.9;
                    -khtml-opacity: 0.9;
                    z-index: 999;
                    width: 218px;
                     border:{
                    left: 1px solid #999999;
                    right:1px solid #999999;
                }
              
                li{
                    display: none;
                    background: #333333;
                    border-bottom:1px solid #999999 ;
                    width: 100%;
                    height: 48px;
                    line-height: 48px;
                    text-align: center;
                    position: relative;
                    
                    a{
                        display: block;
                        color:#FFFFFF;
                        font-size: 16px;
                        
                    }
                   &:hover {
                       background: #cc0000;
                       a{
                           color: #cccc99;
                       }
                       div{
                           display: block;
                           opacity:1.0;
                          ol li{
                              background: #FFFFFF;
                              a{color: #000000;}
                              
                          }
                       }
                   }
                   
                  
                     div{
                       display:none;
                       position:absolute;
                       left: 218px;
                       top: 0px;
                       width: 182px;
                       padding-top: 6px;
                       padding-bottom: 15px;
                       padding-right: 24px;
                       border: 1px solid #cc0000;
                       background: #FFFFFF;
                       
                       span{
                           line-height: 36px;
                           vertical-align: top;
                           color: #000000;
                           font-size: 14px;
                           float: left;
                           font-weight: bold;
                           margin-left: 14px;
                       }
                       ol{
                          
                           
                           width: 118px;
                           float: right;
                           li{
                               background: #FFFFFF;
                               height: 32px;
                               line-height: 32px;
                               a{
                                   
                                   
                                   display:inline-block;
                                   color: #000000;
                                   font-size: 12px;
                                   &:first-child{
                                       margin-right: 14px;
                                   }
                                  
                               }
                               a:hover{
                                   color: #CC0000;
                               }
                               
                               &:last-child{
                                   border-bottom: 0px;
                               }
                           }
                       }
                    }  
                  
                }
                
            }
            
           
        }
        
        .right{
            width: 906px;
            float: left;
            background: #FFFFFF;
            height:53px;
            border-bottom: 1px solid #330000;
           padding-left: 24px;
           font-size: 16px;
            .nav{
                width:572px;
                height: 54px;
                line-height: 54px;
                float: left;
                li{
                    float: left; 
                    a{
                        color: #000000;
                        font-size: 16px;
                        display: block;
                        margin-right:16px
                    }
                    &:hover{
                        a{
                            color:#333300;
                        }
                    }
                }
                .location a{
                         color:#333300;
                }
            }
           
              
             b{
                float: right;
                color: #FFFFFF;
                background: #330000;
                padding: 5px 9px;
                margin-top: 12px;
                margin-right: 24px;
                }
            span{
                line-height: 54px;
                float:right;
                color: #000000;
            }
           
        }
    }
    
        
    
}

.footer{
    
    width: 100%;
    background: #ebeaea;
    overflow: hidden;
    border-top: 1px solid #cccccc;
//    service
      .service{
          height: 178px;
          width: 100%;
          
          
          ul{
              display: flex;
              justify-content: center;
              li{
                  width: 211px;
                  height: 177px;
                  text-align: center;
                  
                  img{
                      display: inline-block;
                      margin-top: 67px;
                     
                  }
                  
                  span{
                    display: inline-block;
                    margin-left: 16px;
                     position: relative;
                     bottom: 20px;
                  }
                  border:{
                      
                      right:1px solid #cccccc;
                      
                  }
                  &:first-child{
                      border-left: 0px;
                  }
                  &:last-child{
                      border-right: 0px;
                  }
                  
              }
          }
      }
      
    .suggest{
         height: 73px;
         padding-top: 23px;
         width: 100%;
        background: #666600;
        font-size: 16px;
        color: #cccccc;
       
        span{
            float: left;
            display: inline-block;
            margin-right: 20px;
            width: 47px;
            height: 46px;
            background: url(../images/index/feiji.png) no-repeat;
        }
        p{
            
            float:left;
            display: inline-block;
            
        }
        form{
            float: left;
            input:first-child{
                width:397px;
                height:46px;
                margin-left: 53px;
                padding-left: 5px;
                background: #ffffff;
                border: 0;
            }
            input:nth-child(2){
                width: 100px;
                height: 46px;
                color: #fff;
                border: 0;
                background: #330000;
                margin-left: -5px;
            }
        }
        .share{
            float: right;
            b{
               float: left;
               margin-top: 12px;
            }
            a{
               float: left;
               height: 46px;
               width: 46px;
               display: inline-block;
               margin: 0 10px;
               &:nth-of-type(1){
                background: url(../images/index/weibo.png) no-repeat;
                
               }
               &:nth-of-type(2){
                background: url(../images/index/weixin.png) no-repeat;
                
               }
               &:last-child{
               background: url(../images/index/qq.png) no-repeat;
               }
            }
            
        }
        
        
        
    }
    .footer_middle{
        height: 282px;
        
        border-bottom: 1px solid #999999;    
            
            dl{
                float: left;
                margin-top: 66px;
            dt{
                color: #000000;
                font-size: 18px;
                margin-bottom: 34px;
            }
            dd{
                a{
                font-size: 14px;
                color: #999999;
                margin-bottom: 16px;
                 }
            }
            
            &:first-child{
                margin-left: 142px;
            }
            &:nth-child(2),&:nth-child(3){
                margin-left: 186px;
            }
            &:last-child{
                margin-left: 192px;
            }
        }
       
        
    }
     .footer_bottom{
           ul{
            margin-top: 18px;
            position: relative;
            left: 50%;
            margin-left: -351px;
        
        li{
            float: left;
            width: 78px;
            height: 14px;
            
            text-align: center;
            line-height: 14px;
            border-right:1px solid #7a7a7a;
            a{
                margin: 0px;
                font-size: 12px;
                color:#333333;
            }
        }
        li:last-child{
            border-right:0;
        }
    }
    p{
        padding-top: 16px;
        padding-bottom: 16px;
        text-align: center;
        clear: both;
        font-size: 12px;
         color:#333333;
    }
   }
   
}
//page
 .page{
                display: flex;
                justify-content: center;
                
                ul {
                   display:flex;
                   justify-content: space-between;
                    li{
                    width: 30px;
                    height: 30px;
                    border:1px solid #cccccc;
                    background: #ffffff;
                    line-height: 30px;
                    text-align: center;
                    display: inline-block;
                    a{
                        width: 100%;
                        height: 100%;
                        display: block;
                        color:#000000;
                        font-size: 16px;
                    }
                    
                    &:first-child,&:last-child{
                        width: 74px;
                        height: 30px;
                        
                    }
                    &:first-child{
                        margin-right: 9px;
                        
                    }
                    &:last-child{
                        margin-left: 9px;
                    }
                    
                }
               
                    .current{
                    background: #CC0000;
                    a{color: #fff;}
                }
               
                }
               
            
    }
